<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="author" content="wangbo">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  LESS是一种动态样式语言，主要用于CSS的扩展，它允许您在样式表中编写动态内容，使得Web开发更加灵活和易于维护。
  LESS可以将CSS静态内容转化为动态内容，并且可以通过JavaScript来动态调用和修改LESS样式表。
  <!-- 安装less -->
  npm install  less -g
  // 编译less 文件
  lessc styles.less styles.css

  为什么要使用LESS？

  1、LESS支持创建更清洁，跨浏览器友好的CSS更快更容易。

  2、LESS是用JavaScript设计的，并且创建在 live 中使用，其编译速度比其他CSS预处理器更快。

  3、LESS保持你的代码以模块化的方式，这是非常重要的，通过使其可读性和容易改变。

  4、可以通过使用LESS 变量来实现更快的维护。


  Less与CSS相比
  
  less相对于css语言而言，更像个高级语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，
  让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node  或浏览器端。
  相对css而言,Less这种CSS预处理有着其特有的优势：

  结构清晰
  less的代码模块已有一般高级语言的特质，可定义变量、模块定义。因此，就代码的整洁性而言，Less是远胜于css语言。

  可复用
  Less模块定义可通过导入方式，引入一个当前已存在的模块，代码类似样式可重复使用，可继承使用。

  模块分离
  Less较css最大的亮点就是其模块分离的特性，让html的标签对象化，可通过对象属性结构来更新样式，而不影响界面相同类名属性的样式。
</body>

</html>